<template>
    <div>
        <h3>新闻详细---{{ $route.params.id }}</h3>
        <!-- 接收传回来的id值 -->

        <!-- 导入评论子组件 -->
        <comment-box :id="this.id"></comment-box>
    </div>
</template>

<script>
// 导入 评论的子组件
import comment from "../subcomponents/comment.vue"


export default {
    data() {
        return {
            // id: this.$route.params.id//将 URL 地址的中传递的 ID 值，挂载到data上，方便以后调用

            newsinfo: {}
        }
    },
    created() {
        this.getNewsInfo()
    },
    methods: {
        getNewsInfo() {
            this.$http.get("" + this.id).then(result => {
                if (result.body.status == 0){
                    this.newsinfo = result.body.message[0]
                }else {
                    toast("获取新闻失败")
                }
            })
        }
    },
    components: {
        "comment-box": comment
    }
}
</script>

<style scoped>

</style>